import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import store from './store';

import svgIcon from '@/components/SvgIcon/index.vue'

import 'amfe-flexible/index.js'
import './assets/styles/index.scss'

import './router/permission'
import directive from './directive'
import 'vant/lib/index.css'
import { DatetimePicker,Popup,Picker,Button,Field,Search,NavBar,Toast,SwipeCell,Card,List,Calendar,Cell,Icon,Tag,Uploader,Form,CellGroup} from 'vant';
// use

const app = createApp(App)
app.use(createPinia())
app.use(router)
app.use(store);

app.use(CellGroup)
app.use(DatetimePicker)
app.use(Form)
app.use(Popup)
app.use(Picker)
app.use(Button)
app.use(Field)
app.use(Search);
app.use(NavBar);
app.use(Toast);
app.use(SwipeCell);
app.use(Card);
app.use(List);
app.use(Calendar)
app.use(Cell)
app.use(Icon)
app.use(Tag)
app.use(Uploader)
directive(app);

app.component('svg-icon', svgIcon)

app.mount('#app')
